<template>
	<div class="Deal-Container">
			<el-menu
			class="el-menu-vertical-demo"
			:default-active="ac1"
			@open="handleOpen"
			@close="handleClose"
			:router="true"
			active-text-color="#22ac38">


			<el-menu-item  disabled>
				<span >交易管理</span>
			</el-menu-item>


				<el-menu-item index="/DealCenter">订单交易</el-menu-item>
				<el-menu-item index="/Refound">退款管理</el-menu-item>



			<el-menu-item  disabled>

				<span slot="title">结算管理</span>
			</el-menu-item>
      				<el-menu-item index="">已结算查询</el-menu-item>
			<el-menu-item  disabled>

				<span slot="title">账单管理</span>
			</el-menu-item>
      <el-menu-item index="">交易账单</el-menu-item>
      <el-menu-item index="">资金账单</el-menu-item>
			<el-menu-item >

				<span slot="title">资金管理</span>
			</el-menu-item>
			</el-menu>

			<div class="Deal-Container-View">
				<router-view></router-view>
			</div>
	</div>

</template>

<script>
	export default{
		name:'DealCenter',
		data(){
			return{
				ac1:'/DealCenter',
			}
		},
		methods:{

			handleOpen(){

			},
			handleClose(){

			}

		},

	}
</script>

<style scoped>
*
.Deal-Container{

		display: flex;
		justify-content: center;

}
.Deal-Container-View{
	display: flex;
	justify-content: center;
	padding-top: 36px;
	height: 80vh;
	width: 50vw;
/* 	border: #0074D9 1px solid; */
	background-color: #FFFFFF;
}
.el-menu span{
   font-size: 19px;
}
.el-menu *{
  font-size: 16px;

}
.el-menu-vertical-demo:not(.el-menu--collapse) {
	width:300px;
	min-height: 80vh;

}
</style>
